<template>
	<view class="content">
		<view class="success" v-if="success==true">
			<image :src="imgUrl+'/project/icon10.png'" class="icon"></image>
			<text class="result">提交成功！</text>
			<text class="tips">您的预约信息提交成功啦~</text>
			<view class="btnBox" @click="$back(2)">
				<text class="btnBoxText">返回项目</text>
			</view>
		</view>
		<view class="fail" v-else>
			<image :src="imgUrl+'/project/icon12.png'" class="icon"></image>
			<text class="result">提交失败！</text>
			<text class="tips">提交失败了，别灰心再次提交试试吧~</text>
			<view class="btnBox" @click="$back(1)">
				<text class="btnBoxText">再次提交</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl: this.$baseurl,
				success: true
			}
		},
		onLoad(options) {
			if (options.id > 0) {
				this.success = true;
			}
		},
		methods: {

		}
	}
</script>
<style lang="scss">
	page {
		width: 100%;
		height: 100%;
		background-color: #20384D;
	}

	.content {
		width: 100%;
		height: 100vh;
		background-color: #FAFAFA;
		overflow-y: scroll;
		display: flex;
		flex-direction: column;
		align-items: center;

		.success,
		.fail {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;

			.icon {
				width: 148rpx;
				height: 148rpx;
				margin-top: 183rpx;
				margin-left: 301rpx;
			}

			.result {
				width: 100%;
				text-align: center;
				font-size: 28rpx;
				font-weight: bold;
				color: #000;
				margin-top: 37rpx;
			}

			.tips {
				width: 100%;
				text-align: center;
				height: 23rpx;
				font-size: 22rpx;
				color: #919191;
				margin-top: 30rpx;
			}

			.btnBox {
				width: 260rpx;
				height: 92rpx;
				background-color: #4E97AD;
				border-radius: 46rpx;
				margin-top: 60rpx;
				margin-left: 245rpx;
				display: flex;
				align-items: center;

				.btnBoxText {
					width: 100%;
					text-align: center;
					font-size: 24rpx;
					color: #fff;
				}
			}
		}
	}
</style>